jquery.badge: Align with Echo notifications style and WikimediaUI palette

Aligning badge style to Echo notifications, ensuring WCAG level AA conformance
and also to WikimediaUI color palette.

Bug: T152025
Change-Id: I279a607f3c1b13ea6e21e59df0c6d21e525f587e

diff --git a/resources/src/jquery/jquery.badge.css b/resources/src/jquery/jquery.badge.css
index 2dbd4a5..1157c27 100644 (file)
--- a/resources/src/jquery/jquery.badge.css
+++ b/resources/src/jquery/jquery.badge.css
@@ -1,11 +1,11 @@
 .mw-badge {
+       background-color: #72777d;
        min-width: 7px;
        border-radius: 2px;
        padding: 1px 4px;
        text-align: center;
        font-size: 12px;
        line-height: 12px;
-       background-color: #d2d2d2;
        cursor: pointer;
 }
 
@@ -13,7 +13,6 @@
        font-weight: bold;
        color: #fff;
        vertical-align: baseline;
-       text-shadow: 0 1px rgba( 0, 0, 0, 0.4 );
 }
 
 .mw-badge-inline {